<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    <script>
      //对象添加属性有两种方法：对象.属性   对象[属性]
      /* 
        1、命名不规范，有特殊字符，通过中括号形式添加属性
        2、属性是给变量，通过中括号形式添加属性
      */
      var dog = {
        name: "可乐",
      };

      //   dog["age-1"] = 5;
      //
      //   var color = "background";
      //   dog.color = "yellow";

      //   var color = "background";
      //   dog[color] = "yellow";

      console.log(dog);
    </script>
  </body>
</html>
